
.main{
    width: 100%;
    background: url(../img/bg.png) no-repeat center;
    .list{
        margin-top: 30px;
        width: 100%;
		li{
		    width: 100%;
		    padding: 30px 12px;
		    white-space: nowrap;
		    overflow:hidden;
		    &:nth-child(odd){
		        background: rgba(162, 38, 36, 0.04);
		    }
		}
    }
    .date{
        display: inline-block;
        padding: 0 15px;
        text-align: center;
        border-right: 1px solid rgba(192, 202, 226, 1);
		vertical-align: top;
        p{
            font-size: 18px;
            font-family: D-DIN;
            font-weight: 400;
            color: #999999;
            line-height: 24px;
            &:first-child{
                font-size: 36px;
                font-family: D-DIN;
                font-weight: bold;
                color: #A22624;
                line-height: 36px;
                opacity: 0.7;
            }
        }
    }
    .txt{
		width: calc(100% - 120px);
        display: inline-block;
        margin-left: 20px;
		vertical-align: top;
        p{
			width: 100%;
			text-overflow: ellipsis;
			overflow: hidden;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
            line-height: 24px;
            &:first-child{
                font-size: 20px;
                font-family: Source Han Sans CN;
                font-weight: 500;
                color: #333333;
                line-height: 40px;
            }
        }
    }
	.pages{
		text-align: center;
        .pagination>li{
            margin-left: 5px;
        }
        .pagination>li>a, .pagination>li>span{
            float: none;
            border: 1px solid #CCCCCC;
            border-radius: 4px;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        }
        .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
            background-color: #A22624;
            border-color: #ddd;
            font-weight: 400;
            color: #FFFFFF;
        }
	}
	
}
@media (max-width:750px) {
	.main{
		background: none;
		.list{
		    margin-top: 0.5rem;
			li{
			    padding:0.2rem 0;
			}
		}
		.date{
		    p{
		        font-size: 0.3rem;		       
		        line-height: 0.35rem;
		        &:first-child{
		            font-size: 0.4rem;
		            line-height: 0.6rem;
		        }
		    }
		}
		.txt{
		    margin-left: 0.3rem;
			width: 4.5rem;	
		    p{
		        font-size: 0.3rem;
		        line-height: 0.3rem;
		        &:first-child{
		            font-size: 0.35rem;
		            line-height:0.6rem;
		        }
		    }
		}
	}
}